
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <link rel="stylesheet" type="text/css" href="../css/popup.css"/> 
            <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/> 
            <script type="text/javascript" language="javascript" src="../scripts/jQuery/kapi.js"></script>

            <script type="text/javascript" language="javascript">
                var open_cur = 0;
                $j = jQuery.noConflict();
                $j(document).ready(function(){
                    
                    var b = location.pathname;
                    //                   
                    $j("input[id$='message']").val(b);
                
                    $j(".saveN950").live("click",function(){
                        $j('.mesage').text('');
                        nv952 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv952").val();//dia chi
                        nv954 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv954").val();
                        nv955 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv955").val();
                        nv957 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv957").val();
                        nv967 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv967").val();
                        nv958 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv958").val();//tel 1
                        nv959 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv959").val();//tel 2
                       
                        nv960 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv960").val();//ghi chu
                       
                        nv961 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv961").val();//mobi 1
                        nv962 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv962").val();//mobi 2
                        
                        nv963 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv963").val();//mobi 3
                       
                        nv964 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv964").val();//fax 1
                        nv965 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv965").val();//fax 2
                        
                        nv974 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv974").val();//fax 1
                        nv975 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv975").val();//fax 2
                       
                        nv966 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv966").val();//fax 3
                       
                        nv968 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv968").val();
                        nv969 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv969").val();
                        
                        pn950 = $j(this).attr("lang");
                        
                        fn100 = $j(this).parent(".popup-footer").attr("lang");
                        table = $j('#formN950V\\:table23').val();
                        showPleaseWait();
                        $j.post("postN950Ajax.jsp?action=updateN950Ajax&nv952="+nv952+"&nv954="+nv954+"&nv955="+nv955+"&nv957="+nv957
                            +"&nv967="+nv967+"&nv958="+nv958+"&nv959="+nv959+"&nv961="+nv961+"&nv962="+nv962+"&nv963="+nv963+"&nv964="+nv964+"&nv965="+nv965+"&nv966="+nv966+"&nv968="+nv968+"&nv969="+nv969+"&nv960="+nv960+"&pn950="+pn950+"&fn100="+fn100+"&nv962="+nv962+"&nv974="+nv974+"&nv975="+nv975+"&table1=abc&table="+table,function(data){
                            if(data != null){
                                if(nv952.length>0){
                                    $j(".mesage").text("Cập nhật thành công !"); 
                                }else{
                                    $j(".mesage").text("Cập nhật thất bại !"); 
                                }
                                
                                hidePleaseWait();
                            }
                        });
                    });
                    $j(".pagedetail").live("click",function(){
                        var path = location.pathname;
                        var urlparts = path.split('/');
                        var pa = urlparts[4];
                        var add = $j(this).attr('lang');
                        var fn100 =$j(this).parent().attr('lang');
                        //alert(pa);
                        //alert(fn100);
                        showPleaseWait();
                        $j.post("contactCRM.jsp?action=repost&addid="+add+"&page="+pa+'&fn100='+fn100,function(data){
                            if(data != null){
                                
                                hidePleaseWait();
                            }
                        });
                    });
                    
                    $j(".pageindex").live("click",function(){
                        $j(".mesage").text("");
                    });
                    
                    //add email
                    var countm = 0;
                    var countt = 0;
                    var countf = 0;
                    var countmm = 0;
                    //Truong hop thog tin lien lac = null
                    var template_m1 = '<h:inputText value="#{contactController.nv962}" styleClass="input_mobi1  template_input"/>';
                    template_m1+='<span class="delm1 del"><img src="../images/delete_1.png" alt=""/></span>';
                    var template_m2 = '<h:inputText value="#{contactController.nv963}" styleClass="input_mobi2  template_input"/>'; 
                    template_m2+='<span class="delm2 del"><img src="../images/delete_1.png" alt=""/></span>';
                    //-------------------------------------------------
                    var template_t1 = '<h:inputText value="#{contactController.nv959}" styleClass="input_tel1  template_input"/>'; 
                    template_t1+='<span class="delt1 del"><img src="../images/delete_1.png" alt=""/></span>';
                    var template_t2 = '<h:inputText value="#{contactController.nv960}" styleClass="input_tel2   template_input"/>'; 
                    template_t2+='<span class="delt2 del"><img src="../images/delete_1.png" alt=""/></span>';
                    //----------------------------------------------------------
                    var template_f1 = '<h:inputText value="#{contactController.nv965}" styleClass="input_fax1    template_input"/>'; 
                    template_f1+='<span class="delf1 del"><img src="../images/delete_1.png" alt=""/></span>';
                    var template_f2 = '<h:inputText value="#{contactController.nv966}" styleClass="input_fax2    template_input"/>'; 
                    template_f2+='<span class="delf2 del"><img src="../images/delete_1.png" alt=""/></span>';
                    // emailllllllllllllllllll
                    var template_mm1 = '<h:inputText value="#{contactController.nv974}" style="margin-left:98px !important;" styleClass="input_mm1    template_input"/>'; 
                    template_mm1+='<span class="delmm1 del"><img src="../images/delete_1.png" alt=""/></span>';
                    var template_mm2 = '<h:inputText value="#{contactController.nv975}" style="margin-left:98px !important;" styleClass="input_mm2    template_input"/>'; 
                    template_mm2+='<span class="delmm2 del"><img src="../images/delete_1.png" alt=""/></span>';
                    
                    
                    $j(".add_tab").live("click",function(){
                       
                        if(countm<=2){
                            countm++;                            
                            if(!$j(".template_input").hasClass('input_mobi1')){
                                $j('.mobi_copy').append(template_m1);                                 
                            }else
                                if(!$j(".template_input").hasClass('input_mobi2')){
                                    $j('.mobi_copy').append(template_m2); 
                                }
                            
                        }
                 
                    });
                    $j(".delm1").live("click",function(){                       
                        $j(".input_mobi1").remove();
                        $j(this).remove();
                        countm = 0;
                    });
                    $j(".delm2").live("click",function(){                       
                        $j(".input_mobi2").remove();
                        $j(this).remove();
                        countm = 0;
                    });
                    $j(".add_tabt").live("click",function(){
                        if(countt<=2){
                            countt++;
                           
                            if(!$j(".template_input").hasClass('input_tel1')){
                                $j('.tel_copy').append(template_t1);
                            }                          
                            else
                                if(!$j(".template_input").hasClass('input_tel2')){
                                    $j('.tel_copy').append(template_t2);
                                }
                            
                           
                        }
                 
                    });
                    $j(".delt1").live("click",function(){                       
                        $j(".input_tel1").remove();
                        $j(this).remove();
                        countt = 0;
                    });
                    $j(".delt2").live("click",function(){                       
                        $j(".input_tel2").remove();
                        $j(this).remove();
                        countt = 0;
                    });
                    $j(".add_tabf").live("click",function(){
                        if(countf<=2){
                            countf++;
                            
                            if(!$j(".template_input").hasClass('input_fax1')){
                                $j('.fax_copy').append(template_f1);
                            }
                              
                            else
                           
                            if(!$j(".template_input").hasClass('input_fax2')){
                                $j('.fax_copy').append(template_f2);
                            }
                           
                    }
                  
                 
                });
                
                  
                $j(".add_tabm").live("click",function(){
                    if(countmm<=2){
                        countmm++;
                            
                        if(!$j(".template_input").hasClass('input_mm1')){
                            $j('.copy_email').append(template_mm1);
                        }
                              
                        else
                           
                        if(!$j(".template_input").hasClass('input_mm2')){
                            $j('.copy_email').append(template_mm2);
                        }
                           
                }
            });
            $j(".delf1").live("click",function(){                       
                $j(".input_fax1").remove();
                $j(this).remove();
                countf = 0;
            });
            $j(".delf2").live("click",function(){                       
                $j(".input_fax2").remove();
                $j(this).remove();
                countf = 1;
            });
            $j(".delmm1").live("click",function(){                       
                $j(".input_mm1").remove();
                $j(this).remove();
                countmm = 0;
            });
            $j(".delmm2").live("click",function(){                       
                $j(".input_mm2").remove();
                $j(this).remove();
                countmm = 0;
            });
                
            //Truong hop edit du lieu != null
                    
            MOB2N = $j('.MOB2N').text();
            // alert(MOB2N);
            MOB3N = $j('.MOB3N').text();
            TEL2N = $j('.TEL2N').text();
            TEL3N = $j('.TEL3N').text();
            FAX2N = $j('.FAX2N').text();
            FAX3N = $j('.FAX3N').text();
                  EML2N = $j('.EML2N').text();
                //  alert(EML2N);
            EML3N = $j('.EML3N').text();
            var template_m1n = '<h:inputText value="'+MOB2N+'" styleClass="input_mobi1  template_input nv962"/>';
            //template_m1n+='<span class="delm1 del"><img src="../images/delete_1.png" alt=""/></span>';
            var template_m2n = '<h:inputText value="'+MOB3N+'" styleClass="input_mobi2  template_input nv963"/>'; 
            // template_m2n+='<span class="delm2 del"><img src="../images/delete_1.png" alt=""/></span>';
            //--------------TEL------------------------------------------------------------------
            var template_t1n = '<h:inputText value="'+TEL2N+'" styleClass="input_tel1  template_input nv959"/>';                
            var template_t2n = '<h:inputText value="'+TEL3N+'" styleClass="input_tel2  template_input nv960"/>'; 
            //--------------------------------FAX-----------------------------------------------
            var template_f1n = '<h:inputText value="'+FAX2N+'" styleClass="input_fax1  template_input nv965"/>';                
            var template_f2n = '<h:inputText value="'+FAX3N+'" styleClass="input_fax2  template_input nv966"/>'; 
            
            var template_mm1n = '<h:inputText style="margin-left:98px !important;" value="'+EML2N+'" styleClass="input_mm1  template_input nv974"/>';                
            var template_mm2n = '<h:inputText style="margin-left:98px !important;" value="'+EML3N+'" styleClass="input_mm2  template_input nv975"/>';
            
             if(EML2N.length > 0){
                $j(".email_copyn").append(template_mm1n);
            }
            if(EML3N.length > 0){
                $j(".email_copyn").append(template_mm2n);  
            }
            
             if(EML2N.length==0||EML3N.length==0){
                   
                template_mm1n+='<span class="delmm1n del"><img src="../images/delete_1.png" alt=""/></span>';
                template_mm2n+='<span class="delmm2n del"><img src="../images/delete_1.png" alt=""/></span>';
                $j('.add_tabmn').live("click",function(){    
                       
                    countmm++;
                    if(!$j('.template_input').hasClass('input_mm1')){                            
                        $j(".email_copyn").append(template_mm1n);  
                    }else{
                        if(!$j('.template_input').hasClass('input_mm2')){                            
                            $j(".email_copyn").append(template_mm2n);  
                        }  
                    }
                });
                $j(".delmm1n").live("click",function(){                       
                    $j(".input_mm2").remove();
                    $j(this).remove();
                    countmm = 0;
                });
                $j(".delmm2n").live("click",function(){                       
                    $j(".input_mm2").remove();
                    $j(this).remove();
                    countmm = 0;
                });
            }
            
            if(MOB2N.length > 0){
                $j(".mobi_copyn").append(template_m1n);
            }
            if(MOB3N.length > 0){
                $j(".mobi_copyn").append(template_m2n);  
            }
               
            if(MOB2N.length==0||MOB3N.length==0){
                   
                template_m1n+='<span class="delm1n del"><img src="../images/delete_1.png" alt=""/></span>';
                template_m2n+='<span class="delm2n del"><img src="../images/delete_1.png" alt=""/></span>';
                $j('.add_tabn').live("click",function(){    
                       
                    countm++;
                    if(!$j('.template_input').hasClass('input_mobi1')){                            
                        $j(".mobi_copyn").append(template_m1n);  
                    }else{
                        if(!$j('.template_input').hasClass('input_mobi2')){                            
                            $j(".mobi_copyn").append(template_m2n);  
                        }  
                    }
                });
                $j(".delm1n").live("click",function(){                       
                    $j(".input_mobi1").remove();
                    $j(this).remove();
                    countm = 0;
                });
                $j(".delm2n").live("click",function(){                       
                    $j(".input_mobi2").remove();
                    $j(this).remove();
                    countm = 0;
                });
            }
                
               
            //-----------------------------START TEL-------------------------------
            if(TEL2N.length > 0){
                $j(".tel_copyn").append(template_t1n);
            }
            if(TEL3N.length > 0){
                $j(".tel_copyn").append(template_t2n);  
            }              
            if(TEL2N.length==0||TEL3N.length==0){
                template_t1n+='<span class="delt1n del"><img src="../images/delete_1.png" alt=""/></span>';
                template_t2n+='<span class="delt2n del"><img src="../images/delete_1.png" alt=""/></span>';
                $j('.add_tabtn').live("click",function(){                        
                    countt++;
                    if(!$j('.template_input').hasClass('input_tel1')){                            
                        $j(".tel_copyn").append(template_t1n);  
                    }else{
                        if(!$j('.template_input').hasClass('input_tel2')){                            
                            $j(".tel_copyn").append(template_t2n);                             }
                    }
                });
                $j(".delt1n").live("click",function(){                       
                    $j(".input_tel1").remove();
                    $j(this).remove();
                    countt = 0;
                });
                $j(".delt2n").live("click",function(){                       
                    $j(".input_tel2").remove();
                    $j(this).remove();
                    countt = 0;
                });
            }          
               
            //---------------------------------START FAX------------------------   
            if(FAX2N.length > 0){
                $j(".fax_copyn").append(template_f1n);
            }
            if(FAX3N.length > 0){
                $j(".fax_copyn").append(template_f2n);  
            }
               
            if(FAX2N.length==0||FAX3N.length==0){
                template_f1n+='<span class="delf1n del"><img src="../images/delete_1.png" alt=""/></span>';
                template_f2n+='<span class="delf2n del"><img src="../images/delete_1.png" alt=""/></span>';
                $j('.add_tabfn').live("click",function(){                        
                    countf++;
                    if(!$j('.template_input').hasClass('input_fax1')){                            
                        $j(".fax_copyn").append(template_f1n);  
                    }else{
                        if(!$j('.template_input').hasClass('input_fax2')){                            
                            $j(".fax_copyn").append(template_f2n);  
                        }  
                    }
                });
                $j(".delf1n").live("click",function(){                       
                    $j(".input_fax1").remove();
                    $j(this).remove();
                    countf = 0;
                });
                $j(".delf2n").live("click",function(){                       
                    $j(".input_fax2").remove();
                    $j(this).remove();
                    countf = 0;
                });
            }          
               
        });
            </script>
            <style type="text/css">
                .input_mm1{
                    margin-left: 20px;
                }
                a, a:visited{
                    text-decoration:none;
                    color:#06C;
                }
                a:hover{color:#999;}
                .template_input{
                    float: left !important;
                    margin-left: 68px !important;
                    margin-top: 5px;
                }
                .edit_form_right {
                    float: left;
                    height: 146px;
                    overflow: auto;
                    width: 295px;
                }
                .del{
                    float:left;
                    margin-top:9px;
                }
                .fields_input span img{
                    float:left;
                    width:15px;
                    height:15px;
                }
                /* base */

                /* content */

                ul#items{		
                    margin:0;
                    height:120px;
                    width:auto;
                    overflow:hidden;
                    list-style:none !important;
                }
                ul#items li{
                    list-style:none !important;
                    float:left;
                    width:200px;
                    height:120px;
                    overflow:hidden;
                    margin:0 0 0 1px;
                    background:#999;
                    color:#fff;
                    text-align:center;
                }

                ol#pagination{overflow:hidden; margin: 2px;}
                ol#pagination li{
                    border: 1px solid gray;
                    cursor: pointer;
                    float: left;
                    height: 11px;
                    list-style: none outside none !important;
                    margin-left: 5px;
                    padding: 2px 9px 5px;
                    position: inherit;
                    width: 5px;
                }
                ol#pagination li.current{color:#f00;font-weight:bold;}
                li {
                    list-style:none !important;
                }
                .popup-content .main_content .form_item_content .edit_form_left {
                    float: left;
                    margin-left: 26px !important;
                    width: 311px !important;
                }

                .popup-content .main_content .form_item_content .edit_form_center {
                    float: left;
                    margin-left: 26px !important;
                    width: 100%;
                }
                .popup-content .main_content .form_item_content .edit_form_center .fields_input textarea {
                    height: 62px;
                    margin-left: 22px;
                    overflow: auto;
                    resize: none;
                    width: 449px !important;
                }
                .pagingC{
                    width: 80%;
                    float:left;
                    padding-left: 40px;
                }
                .pageitem{
                    width: 20px;
                    float:left;
                    border: soid 1px;
                }

                /* // content */
            </style>
        </head>

        <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
        <body>

            <a4j:form id="formN950V">
                <%--
                <div class="pagingC">
                    <a4j:repeat value="#{contactController.listpage}" var="item">
                        <div lang="<h:outputText value="#{item.idc}"/>"> <h:outputText value="#{item.index}" styleClass="pagedetail" lang="#{item.index}"/> </div>
                        <div class="pageitem" lang="<h:outputText value="#{item.idc}"/>"> <a4j:commandButton value="#{item.index}" reRender="formN950V" actionListener="#{contactController.changepage}" styleClass="pagedetail"  lang="#{item.index}"/></div>

                    </a4j:repeat>    
                </div>
                --%>
                <h:panelGroup rendered="#{contactController.render==0}">

                    <div class="popup-content">
                        <div class="main_content">
                            <div class="form_item_content" style="display: block;">
                                <div class="edit_form_left">
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.address}"/>*:</label>                                                
                                        <h:inputText value="#{contactController.nv952}" onfocus="if(this.value=='contact') this.value='';" id="address" styleClass="required">
                                        </h:inputText>
                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.ward}"/>:</label>
                                        <h:inputText value="#{contactController.nv954}"/>
                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.district}"/>:</label>
                                        <h:inputText value="#{contactController.nv955}"/>
                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.city}"/>:</label>
                                        <h:inputText value="#{contactController.nv957}"/>
                                    </div>
                                    <div class="fields_input copy_email">
                                        <label><h:outputText value="#{locale.email}"/>:</label>
                                        <h:inputText value="#{contactController.nv967}" styleClass="email"/>
                                        <span class="add_tabm"><img src="../images/add_tab.png" alt=""/></span>
                                    </div> 
                                </div>
                                <div class="edit_form_right">

                                    <div class="fields_input mobi_copy">
                                        <label><h:outputText value="#{locale.tel}"/>:</label>
                                        <h:inputText value="#{contactController.nv961}"  styleClass="number" />
                                        <span class="add_tab"><img src="../images/add_tab.png" alt=""/></span>

                                    </div>
                                    <div class="fields_input tel_copy">
                                        <label><h:outputText value="#{locale.mobile}"/>:</label>
                                        <h:inputText value="#{contactController.nv958}"  styleClass="number required" id="tel">
                                        </h:inputText>
                                        <span class="add_tabt"><img src="../images/add_tab.png" alt=""/></span>
                                    </div>
                                    <div class="fields_input fax_copy">
                                        <label><h:outputText value="#{locale.fax}"/>: </label>
                                        <h:inputText value="#{contactController.nv964}" styleClass="number" >
                                        </h:inputText>
                                        <span class="add_tabf"><img src="../images/add_tab.png" alt=""/></span>
                                    </div>

                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.skype}"/>:</label>
                                        <h:inputText value="#{contactController.nv968}"></h:inputText>
                                        </div>
                                        <div class="fields_input">
                                            <label><h:outputText value="#{locale.yahoo}"/>:</label>
                                        <h:inputText value="#{contactController.nv969}"></h:inputText>         
                                        </div> 


                                    </div>
                                <%--
                            <div class="edit_form_center">
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.notice1}"/>:</label>
                                    <h:inputTextarea value="#{contactController.nv960}" cols="20" style="margin-left:0px" ></h:inputTextarea>
                                </div>
                            </div>--%>

                            </div>
                            <div class="alert"></div>
                        </div>

                    </div>
                    <div class="popup-footer">   
                        <h:outputText value="#{contactController.messageform}" id="mesage" styleClass="mesage"/>
                        <h:inputHidden value="#{contactController.table}" id="table"/>
                        <a4j:commandButton onclick="showPleaseWait();$j('.mesage').text('');" oncomplete="hidePleaseWait();"  action="#{contactController.saveN950}" value="#{locale.save}" styleClass="buttonsave  saveN950aj" reRender="mesage">

                            <f:param value="#{contactController.fn100}" name="pn100"></f:param> 
                            <f:param value="abc" name="table1"></f:param>  
                        </a4j:commandButton>


                    </div>
                </h:panelGroup>
                <h:panelGroup rendered="#{contactController.listAjaxN950Bean!= null}">

                    <div >
                        <h:panelGroup id="list">
                            <a4j:repeat value="#{contactController.listAjaxN950Bean}" var="item">  
                                <li>
                                    <div class="popup-content">
                                        <div class="main_content">
                                            <div class="form_item_content" style="display: block;">
                                                <div class="edit_form_left">
                                                    <div class="fields_input">
                                                        <label><h:outputText value="#{locale.address}"/>*:</label>                                                
                                                        <h:inputText value="#{item.str1}" id="address" styleClass="required nv952">
                                                        </h:inputText>
                                                    </div>
                                                    <div class="fields_input">
                                                        <label><h:outputText value="#{locale.ward}"/>:</label>
                                                        <h:inputText value="#{item.WARD}" styleClass="nv954"/>
                                                    </div>
                                                    <div class="fields_input">
                                                        <label><h:outputText value="#{locale.district}"/>:</label>
                                                        <h:inputText value="#{item.DIST}" styleClass="nv955"/>
                                                    </div>
                                                    <div class="fields_input">
                                                        <label><h:outputText value="#{locale.city}"/>:</label>
                                                        <h:inputText value="#{item.CITY}" styleClass="nv957"/>
                                                    </div>
                                                    <div class="fields_input email_copyn">
                                                        <label><h:outputText value="#{locale.email}"/>:</label>
                                                        <h:inputText value="#{item.EML1}" styleClass="email nv967"/>
                                                        <span class="add_tabmn"><img src="../images/add_tab.png" alt=""/></span>
                                                            <h:outputText value="#{item.EML22}" styleClass="EML2N" style="display:none;"/>
                                                            <h:outputText value="#{item.EML33}" styleClass="EML3N" style="display:none;"/>
                                                    </div>
                                                </div>
                                                <div class="edit_form_right">
                                                    <div class="fields_input mobi_copyn">
                                                        <label><h:outputText value="#{locale.mobile}"/>:</label>
                                                        <h:inputText value="#{item.MOB1}"  styleClass="number nv961 " />                                                 
                                                        <span class="add_tabn"><img src="../images/add_tab.png" alt=""/></span>
                                                            <h:outputText value="#{item.MOB2}" styleClass="MOB2N" style="display:none;"/>
                                                            <h:outputText value="#{item.MOB3}" styleClass="MOB3N" style="display:none;"/>

                                                    </div>

                                                    <div class="fields_input tel_copyn" >  
                                                        <label><h:outputText value="#{locale.tel}"/>:</label>
                                                        <h:inputText value="#{item.TEL1}" styleClass="number nv958" />
                                                        <span class="add_tabtn"><img src="../images/add_tab.png" alt=""/></span>
                                                            <h:outputText value="#{item.TEL2}" styleClass="TEL2N" style="display:none;"/>
                                                            <h:outputText value="#{item.TEL3}" styleClass="TEL3N" style="display:none;"/>
                                                    </div>
                                                    <div class="fields_input fax_copyn">
                                                        <label><h:outputText value="#{locale.fax}"/>:</label>
                                                        <h:inputText value="#{item.FAX1}" styleClass="number nv964" />
                                                        <span class="add_tabfn"><img src="../images/add_tab.png" alt=""/></span>
                                                            <h:outputText value="#{item.FAX2}" styleClass="FAX2N" style="display:none;"/>
                                                            <h:outputText value="#{item.FAX3}" styleClass="FAX3N" style="display:none;"/>

                                                    </div>
                                                    <div class="fields_input">
                                                        <label><h:outputText value="#{locale.skype}"/>:</label>
                                                        <h:inputText value="#{item.EML2}" styleClass="nv968"></h:inputText>
                                                        </div>
                                                        <div class="fields_input">
                                                            <label><h:outputText value="#{locale.yahoo}"/>:</label>
                                                        <h:inputText value="#{item.EML3}" styleClass="nv969"></h:inputText>         
                                                        </div> 


                                                    </div>


                                                </div>

                                            </div>

                                        </div>

                                        <div class="popup-footer" lang="<h:outputText value="#{contactController.fn100}" />">   

                                        <h:outputText value="#{contactController.messageform}" id="mesage" styleClass="mesage"/>
                                        <div  class="buttonsave saveN950" lang="<h:outputText value="#{item.ADRNO}"/>">
                                            <h:outputText value='#{locale.save}' style="float:left;margin-left:22px;margin-top:6px;"/>
                                        </div>                        


                                    </div>
                                </li>
                            </a4j:repeat>
                        </h:panelGroup>

                    </div>
                </h:panelGroup>
                <h:panelGroup rendered="#{contactController.listAjaxK950VBean!= null}">
                    <div id="itemsss">
                        <a4j:repeat  value="#{contactController.listAjaxK950VBean}" var="item">  
                            <li>
                                <div class="popup-content">
                                    <div class="main_content">
                                        <div class="form_item_content" style="display: block;">
                                            <div class="edit_form_left">
                                                <div class="fields_input">
                                                    <label><h:outputText value="#{locale.address}"/>*:</label>                                                
                                                    <h:inputText value="#{item.str1}" id="address" styleClass="required nv952">
                                                    </h:inputText>
                                                </div>
                                                <div class="fields_input">
                                                    <label><h:outputText value="#{locale.ward}"/>:</label>
                                                    <h:inputText value="#{item.WARD}" styleClass="nv954"/>
                                                </div>
                                                <div class="fields_input">
                                                    <label><h:outputText value="#{locale.district}"/>:</label>
                                                    <h:inputText value="#{item.DIST}" styleClass="nv955"/>
                                                </div>
                                                <div class="fields_input">
                                                    <label><h:outputText value="#{locale.city}"/>:</label>
                                                    <h:inputText value="#{item.CITY}" styleClass="nv957"/>
                                                </div>
                                                <div class="fields_input email_copyn">
                                                    <label><h:outputText value="#{locale.email}"/>:</label>
                                                    <h:inputText value="#{item.EML1}" styleClass="email nv967"/>
                                                    <span class="add_tabmn"><img src="../images/add_tab.png" alt=""/></span>
                                                        <h:outputText value="#{item.EML22}" styleClass="EML2N" style="display:none;"/>
                                                        <h:outputText value="#{item.EML33}" styleClass="EML3N" style="display:none;"/>
                                                </div>
                                            </div>
                                            <div class="edit_form_right">
                                                <div class="fields_input mobi_copyn">
                                                    <label><h:outputText value="#{locale.mobile}"/>:</label>
                                                    <h:inputText value="#{item.MOB1}"  styleClass="number nv961 " />                                                 
                                                    <span class="add_tabn"><img src="../images/add_tab.png" alt=""/></span>
                                                        <h:outputText value="#{item.MOB2}" styleClass="MOB2N" style="display:none;"/>
                                                        <h:outputText value="#{item.MOB3}" styleClass="MOB3N" style="display:none;"/>

                                                </div>

                                                <div class="fields_input tel_copyn" >  
                                                    <label><h:outputText value="#{locale.tel}"/>:</label>
                                                    <h:inputText value="#{item.TEL1}" styleClass="number nv958" />
                                                    <span class="add_tabtn"><img src="../images/add_tab.png" alt=""/></span>
                                                        <h:outputText value="#{item.TEL2}" styleClass="TEL2N" style="display:none;"/>
                                                        <h:outputText value="#{item.TEL3}" styleClass="TEL3N" style="display:none;"/>
                                                </div>
                                                <div class="fields_input fax_copyn">
                                                    <label><h:outputText value="#{locale.fax}"/>:</label>
                                                    <h:inputText value="#{item.FAX1}" styleClass="number nv964" />
                                                    <span class="add_tabfn"><img src="../images/add_tab.png" alt=""/></span>
                                                        <h:outputText value="#{item.FAX2}" styleClass="FAX2N" style="display:none;"/>
                                                        <h:outputText value="#{item.FAX3}" styleClass="FAX3N" style="display:none;"/>

                                                </div>
                                                <div class="fields_input">
                                                    <label><h:outputText value="#{locale.skype}"/>:</label>
                                                    <h:inputText value="#{item.EML2}" styleClass="nv968"></h:inputText>
                                                    </div>
                                                    <div class="fields_input">
                                                        <label><h:outputText value="#{locale.yahoo}"/>:</label>
                                                    <h:inputText value="#{item.EML3}" styleClass="nv969"></h:inputText>         
                                                    </div> 


                                                </div>


                                            </div>

                                        </div>

                                    </div>

                                    <div class="popup-footer" lang="<h:outputText value="#{contactController.fn100}" />">   

                                    <h:outputText value="#{contactController.messageform}" id="mesage33" styleClass="mesage"/>
                                    <div  class="buttonsave saveN950" lang="<h:outputText value="#{item.ADRNO}"/>">
                                        <h:outputText value='#{locale.save}' style="float:left;margin-left:22px;margin-top:6px;"/>
                                    </div>                        


                                </div>
                            </li>
                        </a4j:repeat>
                    </div>
                </h:panelGroup>
                <h:inputHidden id="table23" value="#{contactController.table}" />
            </a4j:form>

        </body>


    </html>
</f:view>